<ion-view   show-tabs>
  <style>
    .hh_search{
      background:rgba(200,200,200,0.2);
      border:none;
      padding:0;
      margin:0;
    }
    .hh_title{
       border: none;
       margin-left: 0px;
       margin-right: 0px;
    }
    .has_btn_border{
      border-width:1px;
      border-color:gray;
      border-top-style:solid;
      border-bottom-style:solid;
      border-left:none;
      border-right:none;
    }
    .hh_search .item-input-wrapper{
      background:none;
    }
    .apple_font{
       font-family: -apple-system, "SF UI Text", "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Zen Hei", sans-serif;
    }
    .hh_padding-2{
      padding:2px;
      padding-top:10px;
    }
    .hh_p{
         
          font-size: 14px;
          margin-top:10px;
          line-height:130%
    }
    .hh_content_t{
              font-size: 12px;
              line-height: 150%;
    }
    .slider-pager{
      bottom:110px;
    }
    .hotdest .slider-pager{
       bottom:80px;
    }
  </style>
  <ion-nav-title class="hh_title">
    <ion-header-bar class="bar bar-header item-input-inset hh_search" style="">
        <label class="item-input-wrapper" style="margin-top: 1px;margin-bottom:30px;top:1px;">
            <i class="icon ion-ios-search placeholder-icon" style="color:blue;font-size: 25px;font-weight: 600;"></i>
            <input type="search" on-touch="navTo('tab.search')" placeholder="想去哪里？" >
        </label>
    </ion-header-bar>
</ion-nav-title>
  <ion-content class="padding" has-bouncing="true" style="padding:0;">
    <!--主显示框-->
    <div style="width:100%;height:100%;display:flex;flex-direction: column;flex:none">
      <div style="width:100%;height:450px;margin-bottom: 10px;">
        <img ng-src="{{home.welcomeUrl}}"  style="width:100%;height:450px;">
      </div>
      <div style="width:100%;height:120px;padding:10px;border-bottom: 1px solid #eee;margin-bottom:10px;">
        <span class="apple_font" style="font-size:18px;font-weight:600px;">
          你好，{{user.name}}
        </span>
        <p class="apple_font hh_p">
          {{home.welcomeStr}}
        </p>
      </div>
      <div class="apple_font" style="font-size:24px;margin:10px;margin-bottom:15px;">推荐的线路</div>
      <div style="width:100%;height:400px;padding:10px;border-bottom: 1px solid #eee;margin-bottom: 10px;">
        <ion-slide-box show-pager="true"  style=";width:100%;height:400px;" delegate-handle="slideimgs" >
          <ion-slide ng-repeat="way in home.routeArr" ng-click="navToRouteInfo(way.id)">
            <div style="width:100%;height:400px;display:block;">
              <img err-src="img/jizhou.png" ng-src="{{way.url}}" height="300" width="100%" >
              <i class="ion-ios-heart-outline" style="font-size:30px;position:absolute;top:10px;right:10px;color:red;"></i>  
              <span class="apple_font hh_content_t" style="width:100%;display:block;margin-left:10px;margin-top: 15px;letter-spacing:1px;">
                {{way.name}}
              </span>
              <span class="apple_font hh_content_t" style="margin-left:10px;letter-spacing:1px;">
                休闲骑行
                <i class="ion-ios-star" style="color:rgb(254,242,58)"></i>
                <i class="ion-ios-star" style="color:rgb(254,242,58)"></i>
                <i class="ion-ios-star" style="color:rgb(254,242,58)"></i>
                <i class="ion-ios-star" style="color:rgb(254,242,58)"></i>
                <i class="ion-ios-star" style="color:rgb(254,242,58)"></i>
                ({{way.orderNum}})
              </span>
                <img err-src="img/adam.jpg" ng-src="{{way.headImgUrl}}" style="width: 50px;height: 50px;position:absolute;border-radius: 25px;bottom: 30px;right: 10px;">
            </div>
          </ion-slide>
      </ion-slide-box>
      </div>
      <div class="apple_font" style="font-size:24px;margin:10px;margin-bottom:15px;">热门的目的地</div>
      <div style="width:100%;height:370px;padding:10px;margin-bottom:10px;border-bottom:1px solid #eee" class="hotdest">
        <ion-slide-box show-pager="true" style=";width:100%;height:370px;" delegate-handle="slideimgs1" >
          <ion-slide ng-repeat="dest in home.destArr" ng-click="navToCityInfo(dest.id)">
            <div style="width:100%;height:370px">
              <img err-src="img/jizhou.png" ng-src="{{dest.url}}" height="300" width="100%" style="">
              <i class="ion-ios-heart-outline" style="font-size:30px;position:absolute;top:10px;right:10px;color:red;"></i>  
              <span class="apple_font hh_content_t" style="width:100%;display:block;margin-left:10px;margin-top: 15px;letter-spacing:1px;">
                {{dest.cityName}}
              </span>
            </div>
          </ion-slide>
      </ion-slide-box>
      </div>
      <div class="apple_font" style="font-size:24px;margin:10px;margin-bottom:10px;">成为领队</div>
      <div class="apple_font hh_content_t" style="margin-bottom:10px;padding-left: 15px;"> 开发线路，打开一个充满机遇的世界</div>
      <div style="width:100%;height:370px;padding:10px;margin-bottom:10px;border-bottom:1px solid #eee" >
        <img src="img/t1.jpg" style="width:100%;height:300px;">
        <span class="apple_font hh_content_t" style="width:100%;display:block;margin-left:10px;margin-top: 10px;letter-spacing:1px;">
                开发线路，赚取收入
        </span>
      </div>
      <div class="apple_font" style="font-size:24px;margin:10px;margin-bottom:10px;">邀请好友</div>
      <div style="width:100%;height:370px;padding:10px;margin-bottom:10px;border-bottom:1px solid #eee" >
        <img src="img/t1.jpg" style="width:100%;height:300px;">
        <span class="apple_font hh_content_t" style="width:100%;display:block;margin-left:10px;margin-top: 10px;letter-spacing:1px;">
                赚取旅游基金
        </span>
      </div>
    </div>
  </ion-content>
</ion-view>
